<%@ page language="java" isELIgnored="false" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<style type="text/css">
.btn-link-a{
	height: 10px;
	padding: 0;
	margin-top: -1px;
	padding-left: 12px;
	position: absolute;
}
.highLight {
	color: #fe7f27;
}

.changehighLight {
	color: #fe7f27;
}

/* 要素变更字段值默认隐藏 */
.elementChange{
	display: none;
}

/* 导航条留出位置，进行偏移 */
.page-content {
	padding-left: 40px !important;
}

/* 导航条留出位置，进行偏移 */
.modal-content {
	padding-left: 40px !important;
}
</style>

<div id="contractDetail" class="panel panel-cbp">
	<div class="panel-heading">
		<a href="javascript:toggleDisplay('prjContractElement');" data-target="prjContractElement" style="color: #FC6821">
  			<i class="fa fa-chevron-up"></i>
  			合同要素
		</a>
	</div>
	<div id="prjContractElement" class="panel-body">
		<table class="table table-bordered">
			<tbody>
				<tr>
	   			<td class="gray-bg">合同名称</td>
	   			<td class="white-bg">
					<span>${prdContractVo.contractName }</span>
				</td>
				<td>产品期限</td>
	   			<td class="white-bg">
					<span>${prdContractVo.prdTerm }</span>
				</td>
	   		</tr>
	   		
	   		<tr>
	   			<td>合同甲方</td>
	   			<td class="white-bg">
					<span>${prdContractVo.contractPartyA }</span>
				</td>
				<td>合同乙方</td>
	   			<td class="white-bg">
					<span>${prdContractVo.contractPartyB }</span>
				</td>
	   		</tr>
	   		
	   		<tr>
				<td>参考收益</td>
	   			<td class="white-bg">
					<span>${prdContractVo.refProfit }</span>
				</td>
				<td>合同签署日期</td>
	   			<td class="white-bg">
					<span>${prdContractVo.contractSignDate }</span>
				</td>
	   		</tr>
	   		
	   		<tr>
				<td>投资范围</td>
	   			<td class="white-bg" colspan="3">
	   				 <div>
						<pre class="white-bg" style="border: 0px;margin: 0px;padding: 0px;
						font-family: 'Microsoft Yahei, 微软雅黑, Helvetica, Arial, sans-serif'; font-size: 12px; ">${prdContractVo.proScope }</pre>
					 </div>
				</td>
	   		</tr>
			</tbody>
		</table>
	</div>
</div>

<div id="disChannelList" class="panel panel-cbp">
	<div class="panel-heading">
		<a href="javascript:toggleDisplay('proDisChannelList');" data-target="proDisChannelList" style="color: #FC6821">
  			<i class="fa fa-chevron-up"></i>
  			销售渠道
		</a>
		<div style="float:right">
			<button type="button" class="btn btn-primary" id="closeBtn" name="closeBtn">导出</button>	
		</div>
	</div>
	<div id="proDisChannelList" class="panel-body">
		<table class="table attachFileContainer" id="attachContainer">
			<tr class="attachTitle">
				 <td>序号</td>
			     <td>销售渠道</td>
			     <td>是否采用电子合同</td>
			     <td>创建日期</td>
			     <td>操作 </td>
			</tr>
			<c:if test="${'' != disChannelList && null != disChannelList}">
				<c:forEach items="${disChannelList}" var="item" varStatus="i">
					<tr>
						<td>${i.index+1}</td>
						<td>${item.disChannelName}</td>
						<td><c:if test="${item.isEcontract == '1'}">是</c:if><c:if test="${item.isEcontract == '0'}">否</c:if></td>
						<td>${item.createTime}</td>
						<td>查看</td>
					</tr>
				</c:forEach>
			</c:if>
		</table>
	</div>
</div>	

<div id="accountList" class="panel panel-cbp">
	<div class="panel-heading">
		<a href="javascript:toggleDisplay('proAccountList');" data-target="proAccountList" style="color: #FC6821">
  			<i class="fa fa-chevron-up"></i>
  			账户列表
		</a>
		<div style="float:right">
			<button type="button" class="btn btn-primary" id="closeBtn" name="closeBtn">导出</button>	
		</div>
	</div>
	<div id="proAccountList" class="panel-body">
		<table class="table attachFileContainer" id="attachContainer">
			<tr class="attachTitle">
				 <td>序号</td>
			     <td>账户类型</td>
			     <td>开户机构</td>
			     <td>开户名</td>
			     <td>账号</td>
			     <td>开户日期</td>
			     <td>操作</td>
			</tr>
			<c:if test="${'' != prdAccountList && null != prdAccountList}">
				<c:forEach items="${prdAccountList}" var="item" varStatus="i">
					<tr>
						<td>${i.index+1}</td>
						<td><c:if test="${item.accType == '1'}">深圳证券户</c:if><c:if test="${item.accType == '2'}">托管户</c:if></td>
						<td>${item.accBankName}</td>
						<td>${item.accName}</td>
						<td>${item.accCode}</td>
						<td>${item.accOpenDate}</td>
						<td>查看</td>
					</tr>
				</c:forEach>
			</c:if>
		</table>
	</div>
</div>	

<div id="rateList" class="panel panel-cbp">
	<div class="panel-heading">
		<a href="javascript:toggleDisplay('proRateList');" data-target="proRateList" style="color: #FC6821">
  			<i class="fa fa-chevron-up"></i>
  			费率列表
		</a>
		<div style="float:right">
			<button type="button" class="btn btn-primary" id="closeBtn" name="closeBtn">导出</button>	
		</div>	
	</div>
	<div id="proRateList" class="panel-body">
		<table class="table attachFileContainer" id="attachContainer">
			<tr class="attachTitle">
				 <td>序号</td>
			     <td>费用名称</td>
			     <td>费用类型</td>
			     <td>费率（%）</td>
			     <td>费用总金额（元）</td>
			     <td>操作</td>
			</tr>
			<c:if test="${'' != prdFeeList && null != prdFeeList}">
				<c:forEach items="${prdFeeList}" var="item" varStatus="i">
					<tr>
						<td>${i.index+1}</td>
						<td>${item.feeName}</td>
						<td><c:if test="${'0' == item.feeRateType}">固定费率</c:if><c:if test="${'1' == item.feeRateType}">浮动费率</c:if><c:if test="${'2' == item.feeRateType}">固定金额</c:if></td>
						<td>${item.feeRate}</td>
						<td>${item.feeAmouunt}</td>
						<td>查看</td>
					</tr>
				</c:forEach>
			</c:if>
		</table>
	</div>
</div>	

<button type="button" class="btn btn-primary" onClick="window.close();" id="closeBtn" name="closeBtn">关闭</button>	